<!-- pc -->
<ul class="install-box app-install">
  <li class="d-none d-md-block">
    <% if(lang=='cn'){%>
      <a href="javascript:;">
        <%}else{%>
          <a href="https://itunes.apple.com/us/app/math-blockchain-wallet/id1383637331?l=zh&ls=1&mt=8" target="_blank">
            <%}%>
              <img src="<%=resolve%>../static/img/icon/foriphone@2x.png" width="24">
              <span>iPhone App</span>
          </a>
  </li>
  <li class="d-none d-md-block">
    <% if(lang=='cn'){%>
      <a href="javascript:;">
        <%}else{%>
          <a href="https://play.google.com/store/apps/details?id=com.medishares.android" target="_blank">
            <%}%>
              <img src="<%=resolve%>../static/img/icon/forandroid@2x.png" width="24">
              <span>Android App</span>
          </a>
  </li>
</ul>
<!-- 移动端 -->
<ul class="install-box" id="collapseApp">
  <li class="d-md-none">
    <a class="install-iphone" href="javascript:;" data-toggle="collapse">
      <img src="<%=resolve%>../static/img/icon/foriphone@2x.png" width="24">
      <span>iPhone App</span>
    </a>
    <div id="collapseiPhone" class="collapse" data-parent="#collapseApp">
      <div class="collapse-card">
        <% if(lang=='cn'){%>
          <a href="#guideModal2" data-toggle="modal">
            <%=i18n.download_appStore%>
          </a>

          <%}else{%>
            <a target="_blank" href="https://itunes.apple.com/us/app/math-blockchain-wallet/id1383637331?l=zh&ls=1&mt=8">
              <%=i18n.download_appStore%>
            </a>
            <%}%>
              <a href="#guideModal3" data-toggle="modal">
                <%=i18n.testFlight_version%>
              </a>
              <!-- <a href="#guideModal1" data-toggle="modal">
                          <%=i18n.download_enterprise%>
                          </a> -->
      </div>
    </div>
  </li>
  <li class="d-md-none">
    <a class="install-android" href="javascript:;" data-toggle="collapse">
      <img src="<%=resolve%>../static/img/icon/forandroid@2x.png" width="24">
      <span>Android App</span>
    </a>
    <div id="collapseAndroid" class="collapse" data-parent="#collapseApp">
      <div class="collapse-card">
        <a href="https://medishares-cn.oss-cn-hangzhou.aliyuncs.com/android-apk/alpha/mathwallet_android.apk?r=" +parseInt(Math.random()*999999+100000)>Download APK</a>
        <a target="_blank" href="https://play.google.com/store/apps/details?id=com.medishares.android">GooglePlay</a>
      </div>
    </div>
  </li>
</ul>

<!-- 海外App Store下载弹窗 -->
<div class="modal modal-guide" id="guideModal2">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
          aria-hidden="true">&times;</span></button>
      <a href="https://itunes.apple.com/us/app/math-blockchain-wallet/id1383637331?l=zh&ls=1&mt=8" class="install">
        <%=i18n.download_appStore%>
      </a>
      <div class="guide-info">
        <p>在海外 AppStore 下载应用需要海外 Apple ID</p>
        <p> <a href="http://blog.mathwallet.net/?p=1676" target="_blank">点击查看如何创建海外 Apple ID？</a></p>
        <p>我们也提供了免费的海外 Apple ID 供您下载：</p>
        <div class="apple-accounts">
        </div>
        <h5>1. 点击 AppStore 右上角头像</h5>
        <p><img src="https://medishares-cn.oss-cn-hangzhou.aliyuncs.com/mathwallet/images/download/guide1.png" width="100%"></p>
        <h5>2. 进入账户后，点击退出登录</h5>
        <p><img src="https://medishares-cn.oss-cn-hangzhou.aliyuncs.com/mathwallet/images/download/guide2.png" width="100%"></p>
        <h5>3. 使用我们提供的海外 AppStore 账号进行登录后，即可进行下载。</h5>
      </div>
    </div>
  </div>
</div>
<!-- 公测版下载弹窗 -->
<div class="modal modal-guide" id="guideModal3">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
          aria-hidden="true">&times;</span></button>
      <a href="https://testflight.apple.com/join/LJ4utJAW" target="_blank" id="openApp" class="install">
        <%=i18n.testFlight_btn%>
      </a>
      <div class="guide-info">
        <p>
          <%=i18n.testFlight_des%>
        </p>
        <% if(lang=='en'){%>
          <h4>What’s TestFlight?</h4>
          <p>TestFlight is an online service for helping developers test beta versions of their apps.</p>
          <%}%>
            <h4>
              <%=i18n.testFlight_title%>
            </h4>
            <p>
              <%=i18n.testFlight_step1%>
            </p>
            <p>
              <%=i18n.testFlight_step2%>
            </p>
            <p>
              <%=i18n.testFlight_step3%>
            </p>
            <p>
              <%=i18n.testFlight_tip%>
            </p>
            <p>
              <span><%=i18n.testFlight_more%></span>
              <a href="https://testflight.apple.com" target="_blank">https://testflight.apple.com</a>
            </p>
      </div>
    </div>
  </div>
</div>